<?xml version="1.0" encoding="UTF-8"?>

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui"
     xmlns:a="http://xmlns.jcp.org/jsf/passthrough"
     template="TemplateFrontEnd.xhtml">
<ui:define name="title">paiment</ui:define>
<ui:define name="body" >

 <p:panel id="basic" header="Temporary User Pre-estimated Prepaid Amount to Move Cargo " footer="Movie Details" style="margin-bottom:20px">
<p:outputLabel value="To Confirm Your Payment Simply Choose Your Payment Method And Follow Payment Procedures."/>
<p:panelGrid columns="2">
 
 <p:panel  header="Payment Method "  style="margin-bottom:20px">
 <br/><br/>
  <p:panelGrid columns="2">
  <p:selectBooleanCheckbox value="" />
 <p:graphicImage value="../images/paiement/paypal.png" />
  
  <p:selectBooleanCheckbox value="" />
  <p:graphicImage value="../images/paiement/visa.png" />
    

  </p:panelGrid>
  <br/><br/>
    <p:outputLabel value="Other Mode Please select below:" />
    <br/><br/>
  <p:panelGrid columns="3">
    <p:selectBooleanCheckbox value=""   itemLabel="Bank Transfer"/>
    <p:selectBooleanCheckbox value="" itemLabel="Cash" />
    <p:selectBooleanCheckbox value="" itemLabel="Cheque" />
        
     <p:selectBooleanCheckbox value="" itemLabel=" Western Union" />
     <p:selectBooleanCheckbox value="" itemLabel="Money Gram" />
     <p:selectBooleanCheckbox value="" itemLabel="Wire Transfer" />
     
  </p:panelGrid>
  <br/><br/>
  <p:commandButton value="Submit Payment" action="gh"/>
  </p:panel>
  
  <p:panel header="What Happens Next?">
   <p:dataList value="#{paimentMB.listeInfo()}" var="car" type="ordered">
        #{car}
    </p:dataList>
    <br/>  <br/>  <br/>
      <p:graphicImage value="../images/paiement/verisign.png" />
  </p:panel>     
  </p:panelGrid>
  
  
</p:panel>

</ui:define>
</ui:composition>